:global {
  :local(.verticalFlexLayout) {
    .flexFn() {
      flex: 1 1 !important;
      overflow: hidden !important;
      display: flex !important;
      flex-direction: column !important;
    }
    height: 100%; // 默认充满
    flex: 1 1; // 默认充满
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    > .ant-spin-nested-loading {
      .flexFn();
      > .ant-spin-container {
        .flexFn();
        > .ant-table {
          .flexFn();
          > .ant-table-title {
            flex: 0 0 auto !important;
          }
          > .ant-table-container {
            .flexFn();
            > .ant-table-content {
              flex: 1 1 !important;
              overflow: auto !important;
              > table {
                width: min-content !important; // 根据内容撑开
                min-width: 100% !important;
                > thead {
                  position: sticky !important;
                  top: 0 !important;
                  z-index: 3 !important;
                }
              }
            }
          }
          > .ant-table-footer {
            flex: 0 0 auto !important;
          }
        }
        > .ant-table-pagination {
          flex: 0 0 auto !important;
        }
      }
    }
  }
}
